<template>
  <div class="box">
    <div class="item1"></div>
    <div class="item2"></div>
    <div class="item3"></div>
  </div>
</template>

<script>
export default {
  name: "FlexDemo2"
};
</script>

<style>
.box {
  display: flex;
  width: 100vw;
}

.item1 {
  width: 200px;
  background: #333;
  height: 100vh;
}

.item2 {
  flex: 1;
  background: #fff;
  height: 100vh;
}

.item3 {
  width: 200px;
  background: #eee;
  height: 100vh;
}
</style>